
 body {
    height: 2000px;
    transition: background-color 0.5s ease;
    cursor: pointer; /* 设置默认的鼠标指针为手型 */
}



.navbar-custom {
  position: fixed; /* 将导航栏固定在页面顶部 */
    top: 0; /* 与顶部对齐 */
    width: 70%; /* 设置导航栏宽度为100% */
    display: flex;
    justify-content: space-between;
    align-items: center;
 
    padding: 10px 20px; /* 调整导航栏内边距 */
    z-index: 1000; /* 确保导航栏位于其他内容之上 */
    opacity: 1;
}

.navbar-custom .navbar-brand {
    color: #000; /* 设置导航栏品牌文字颜色为黑色 */
}

.btn-login {
    margin-left: auto; 
    color: #000;/* 将登录按钮向右对齐 */
}
.no-style {
  color: inherit; /* 继承父元素的文本颜色 */
  text-decoration: none; /* 移除链接的下划线 */
  background-color: transparent; /* 设置背景颜色为透明 */
  border: none; /* 移除边框 */
  cursor: pointer; /* 修改鼠标指针样式为默认指针 */
}
.btn-login a{
  margin-right: 20px; 

}
nav{
  font-family: 'Font1', sans-serif;
}
.fw-light{
  font-family: 'Font3', sans-serif;
font-size: 100px;
}

 section p{
color: #af470e;
}
.bg3{
 
    max-width: 100%; /* 设置图片最大宽度为其父元素的100% */
    height: auto;  /* 保持图片的原始纵横比，自动计算高度 */
}
#g-pointer-1,
#g-pointer-2 {
   

    mix-blend-mode: exclusion;
    pointer-events: none;

}
#g-pointer-1,
#g-pointer-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    background: #999;
    border-radius: 50%;
    background-color: #d79d27;
    z-index: 9999999; 
}
#g-pointer-2 {
    width: 42px;
    height: 42px;
    background: #fff;
    transition: .15s ease-out;
}
svg {
margin-left: 40%;
  width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
}

svg text {
	text-transform: uppercase;
	letter-spacing: 1px;
text-align: center;
	animation: stroke 5s infinite alternate;
}
@keyframes stroke {
	0% {
		fill: rgba(72, 138, 20, 0);
		stroke: rgb(13, 117, 55,1);
		stroke-dashoffset: 25%;
		stroke-dasharray: 0 50%;
		stroke-width: 0.8;
	}
	70% {
		fill: rgba(72, 138, 20, 0);
		stroke: rgba(13, 117, 55, 1);
		stroke-width: 1.2;
	}
	85% {
		fill: rgba(72, 138, 20, 0);
		stroke: rgba(13, 117, 55, 1);
		stroke-width: 1.5;
	}
	95%,
	100% {
		fill: rgba(13, 117, 55, 1);
		stroke: rgba(54, 95, 160, 0);
		stroke-dashoffset: -25%;
		stroke-dasharray: 50% 0;
		stroke-width: 0;
	}
}

#g-scroll {
    width: 100vw;
    height: 20vh;
}

@supports (animation-timeline: works) {
    @scroll-timeline change {
			source: auto;
    	orientation: vertical;
    }
    
    #timelinetext {
				animation: stroke 5s both;
        animation-timeline: change;
    }
}
